<template>
	<view class="list">
		<uniList>
			 <uni-list-item class='listItem' v-for='(item,index) in list' :key='index' :title="item.title" :thumb="item.thumb"></uni-list-item>
		</uniList>
	</view>
</template>

<script>
	import {uniList,uniListItem} from '@dcloudio/uni-ui'
	export default {
		components:{
			uniList,
			uniListItem
		},
		data(){return{
			list:[
				{title:"书荒互助",thumb:'../../static/huzhu.png'},
				{title:"有声小说",thumb:'../../static/xiaoshuo.png'},
				{title:"神秘功能",thumb:'../../static/shenmi.png'},
				{title:"漫画专区",thumb:'../../static/liwu.png'},
				{title:"专属推荐",thumb:'../../static/zhuanshu.png'},
			]
		}}
	}
</script>

<style lang="scss" scoped>
	.list{
		width:100%;
		.listItem{
			height: 75px;
		}
	}
</style>